<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/patriarch/patriarchpay_a_fee.css"/>
	</head>
	
	<body>
		<a href="index.html" id="home" style="bottom: 6rem;">
			<img src="img/index/home.png" />
		</a>
		<form action="" method="post">
		
		<ul>
		
		<p><img src="img/patriarch/jfx.png"/><span>缴费项目</span> <span>金额(￥)</span><span>日期</span></p>
			<li><img onclick="imgxz(this)" class="imgwxz" src="img/patriarch/wxz.png"/><img onclick="imgwxz(this)" class="imgyx" src="img/patriarch/yx.png"/><span>保教费</span><p>1200.00</p><span>2017-04</span></li>
			<li><img onclick="imgxz(this)" class="imgwxz" src="img/patriarch/wxz.png"/><img onclick="imgwxz(this)" class="imgyx" src="img/patriarch/yx.png"/><span>食堂餐费</span><p>200.00</p><span>2017-04</span></li>
		</ul>
		<div class="footer">
			<img class="footerimgwxz" src="img/patriarch/wxz.png"/><img class="footerimgyx" src="img/patriarch/yx.png"/><span>全选</span><span>合计：</span><span>￥880</span><input type="submit" value="结&nbsp;&nbsp;算"/>
		</div>
		</form>
	</body>
	<script src="js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/font.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
			function imgxz(obj){
				$(obj).parent().children('img.imgyx').show();
				$(obj).hide();
			}
			function imgwxz(obj){
				$(obj).parent().children('img.imgwxz').show();
				$(obj).hide();
			}
		$(function(){
		
			
			
			
			$(".footerimgwxz").on("click",function(){
				$(".imgyx,.footerimgyx").show();
				$(".imgwxz").hide();
				$(this).hide()
			});
			$(".footerimgyx").on("click",function(){
				$(".imgwxz,.footerimgwxz").show();
				$(this).hide()
				$(".imgyx").hide();
			});
		})
	</script>
</html>
